	.flex {
		display: flex;
	}
	
	.flex-warp{
		display: flex;
		flex-wrap: wrap;
	}

	.f-j-center {
		display: flex;
		justify-content: center;
	}

	.f-j-end {
		display: flex;
		justify-content: flex-end;
	}
	
	.f-j-around {
		display: flex;
		justify-content: space-around;
	}
	
	.f-j-between {
		display: flex;
		justify-content:space-between;
	}
	
	.f-a-baseline {
		display: flex;
		align-items: baseline;
	}

	.f-a-center {
		display: flex;
		align-items: center;
	}

	.f-a-start {
		display: flex;
		align-items: flex-start !important;
	}
	
	.f-a-end {
		display: flex;
		align-items: flex-end;
	}

	.f-center {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	.f-c-between {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.f-column{
		flex-direction: column;
	}

	.ellipsis1 {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
	}

	.ellipsis2 {
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		word-break: break-all;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
	}
